import { defineStore } from 'pinia';
import { computed, ref } from 'vue';

export const useSettingStore = defineStore('setting', () => {
  const theme = ref('light');
  const mode = ref('light');
  const isSidebarCompact = ref(false);

  const brandTheme = computed(() => theme.value);
  const chartColors = computed(() => [
    '#0052FF',
    '#B800E8',
    '#FF008A',
    '#FFE100',
    '#00E6C3',
    '#FF7D00',
    '#00B42A',
    '#F53F3F',
    '#86909C',
    '#3491FA',
  ]);

  return {
    theme,
    mode,
    isSidebarCompact,
    brandTheme,
    chartColors,
  };
});

export {};
